<div class="mk-spinner-wrap">
          <div class="mk-spinner-ring"></div>
        </div><main class="GeoGebraFrame jsloaded applet-unfocused newToolbar ggbSplash" role="main" style="width: 100%; height: 100%; border-width: 0px; border-style: solid;">
<div tabindex="4000" class="gwt-ToggleButton flatButton menu gwt-ToggleButton-up" role="button" aria-expanded="false" data-title="Main Menu" aria-label="Main Menu">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img class="gwt-Image" src="" width="24" height="24" alt="Main Menu">
</div>
<div class="undoRedoPanel" style="top: 0px">
<div tabindex="4002" class="gwt-ToggleButton flatButton undo gwt-ToggleButton-up buttonInactive" role="button" data-title="Undo" aria-label="Undo" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" alt="Undo" style="width: 24px; height: 24px;">
</div>
</div>
<div class="gwt-SplitLayoutPanel hide-Dragger" style="position: relative; width: 100%; height: 100%;">
<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">&nbsp;
</div>
<div class="toolPane">
<div class="ggbdockpanelhack" style="right: 0px; bottom: 0px; position: absolute; left: 0px; top: 0px;">
<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">&nbsp;
</div>
<div style="position: absolute; overflow: hidden; left: 0px; right: 0px; bottom: 0px; height: 0px;">
<div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="toolbar" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="header-open-landscape">
<div class="contents">
<div class="rightSide">
<div tabindex="4001" class="gwt-ToggleButton flatButton close gwt-ToggleButton-up" role="button" data-title="Close" aria-label="Close" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img class="gwt-Image" src="" width="24" height="24" alt="Close">
</div>
</div>
<div class="center indicatorRight" style="height: 56px;">
<div class="indicator">
</div>
<div tabindex="-1" class="gwt-ToggleButton tabButton gwt-ToggleButton-up" role="button" aria-hidden="true" data-title="Algebra" aria-label="Algebra" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" alt="Algebra" style="width: 24px; height: 24px;">
</div>
<div tabindex="-1" class="gwt-ToggleButton tabButton selected gwt-ToggleButton-up" role="button" aria-hidden="true" data-title="Tools" aria-label="Tools" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" alt="Tools" style="width: 24px; height: 24px;">
</div>
</div>
</div>
</div>
<div class="main tools" style="height: calc(100% - 56px); width: 200%;">
<div class="tab visibleTools">
<div style="position: relative; zoom: 1;">
<div style="overflow: auto; position: relative; zoom: 1; width: 380px; height: 811px;">
<div style="position: relative; zoom: 1;">
<div class="toolsPanel">
<div>
<div class="gwt-Label" aria-hidden="true">
</div>
<div class="categoryPanel">
<div tabindex="-1" class="button button-up" role="button" aria-hidden="true" data-title="Move" aria-label="Move. Drag or select object" mode="0" selected="true">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Move. Drag or select object" style="width: 32px;">
</div>
<div tabindex="-1" class="button button-up" role="button" aria-hidden="true" data-title="Point" aria-label="Point. Select position or line, function, or curve" mode="1" selected="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Point. Select position or line, function, or curve" style="width: 32px;">
</div>
<div tabindex="-1" class="button button-up" role="button" aria-hidden="true" data-title="Segment" aria-label="Segment. Select two points or positions" mode="15" selected="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Segment. Select two points or positions" style="width: 32px;">
</div>
<div tabindex="-1" class="button button-up" role="button" aria-hidden="true" data-title="Line" aria-label="Line. Select two points or positions" mode="2" selected="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Line. Select two points or positions" style="width: 32px;">
</div>
<div tabindex="-1" class="button button-up" role="button" aria-hidden="true" data-title="Polygon" aria-label="Polygon. Select all vertices, then first vertex again" mode="16" selected="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Polygon. Select all vertices, then first vertex again" style="width: 32px;">
</div>
<div tabindex="-1" class="button button-up" role="button" aria-hidden="true" data-title="Circle with Center through Point" aria-label="Circle with Center through Point. Select center point, then point on circle" mode="10" selected="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Circle with Center through Point. Select center point, then point on circle" style="width: 32px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="paneSplit">
<div class="gwt-SplitLayoutPanel-HDragger" style="width: 8px; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
</div>
</div>
<div class="position: absolute; overflow: hidden; left: 388px; top: 0px; right: 0px; bottom: 0px;">
<div class="ggbdockpanelhack hiddenHDraggerRightPanel" style="right: 0px; bottom: 0px; position: absolute; left: 0px; top: 0px;">
<div aria-hidden="true" style="position: absolute; z-index: -32767; top: -20ex; width: 10em; height: 10ex; visibility: hidden;">&nbsp;
</div>
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; height: 0px;">
<div class="TitleBarPanel cursor_drag" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="MatTitleBarPanelContent">
<div class="StyleBarPanel_" aria-hidden="true" style="display: none;">
</div>
<div tabindex="4004" class="button flatButton graphicsContextMenuBtn button-up" role="button" data-title="Settings" aria-label="Settings">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Settings" style="width: 24px;">
</div>
</div>
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; right: 0px; bottom: 0px; height: 0px;">
<div class="zoomPanel zoomPanelPosition" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div tabindex="4005" class="zoomPanelBtn zoomPanelBtnSmall zoomPanelHomeOut zoomPanelBtn-up" role="button" arial-hidden="true" data-title="Standard View" aria-label="Standard View">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Standard View" style="width: 20px;">
</div>
<div tabindex="4006" class="zoomPanelBtn zoomPanelBtn-up" role="button" data-title="Zoom In" aria-label="Zoom In">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Zoom In" style="width: 24px;">
</div>
<div tabindex="4007" class="zoomPanelBtn zoomPanelBtn-up" role="button" data-title="Zoom Out" aria-label="Zoom Out">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Zoom Out" style="width: 24px;">
</div>
<div tabindex="4008" class="zoomPanelBtn zoomPanelBtn-up" role="button" data-title="Fullscreen" aria-label="Fullscreen">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img src="" class="gwt-Image" draggable="false" role="button" alt="Fullscreen" style="width: 24px;">
</div>
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; right: 0px; bottom: 0px; height: 0px;">
<div style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
</div>
</div>
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div role="application" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div class="EuclidianPanel" style="position: relative; overflow: visible; width: 875px; height: 100%;">
</div>
</div>
</div>
</div>
</div>
</div>
<div aria-hidden="true" class="DockGlassPane" style="position: relative; overflow: hidden; display: none; z-index: 5000;">
<div aria-hidden="true" style="border-width: 4px; border-style: solid; border-color: gray; display: none;">
</div>
</div>
</main>